$(function(){

    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });

    //发送请求获取一级分类数据
    $.ajax({
        url:"/category/queryTopCategory",
        success:function(res){
            console.log(res);
            var html = template("first",res);
            $(".left ul").html(html);

            //默认触发一级分类的第一个场馆的点击事件
            if($(".left ul li").length > 0){
                $(".left ul li").eq(0).click();
            }
            
        }
    })

    //给一级分类的li添加点击事件，当点击了某个li的时候
    //给点击的那个li添加active类名，并且移除掉其他li的active类名
    //因为li是后续生成的，所以必须使用事件委托
    $(".left").on("click","li",function(){
        $(this).addClass("active").siblings().removeClass("active");
        //获取用户点击的一级分类的id
        var id = $(this).attr("data-id");

        //将右侧的区域滚动组件  滚动到X:0,Y:0位置
        mui('.right').scroll().scrollTo(0,0,100);//100毫秒滚动到顶

        //当点击一级分类的场馆时，应该根据一级分类来发送请求获取对应的二级分类信息
        $.ajax({
            url:"/category/querySecondCategory",
            data:{ id },
            success:function(res){
                console.log(res);
                var html = template("second",res);
                $(".right ul").html( html );
            }
        })
    })

})